<template>
  <div style="width: 100%">
    <el-row style="margin-bottom: 0px">
      <el-col :span="24">
      <div class="floor">
        <div class="floor2">
          <div>
            <router-link :to="'/'" style="color: blue;">
              <span>首页</span>
            </router-link>
            <el-divider direction="vertical"></el-divider>
            <router-link :to="'/noticeList'" style="color: blue;">
              <span>招标公告</span>
            </router-link>
<!--            <el-divider direction="vertical"></el-divider>
            <router-link :to="'/tenderList'" style="color: blue;">
              <span>招标信息</span>
            </router-link>-->
            <el-divider direction="vertical"></el-divider>
            <router-link :to="'/procurementPlan'" style="color: blue;">
              <span>采购信息</span>
            </router-link>
            <el-divider direction="vertical"></el-divider>
            <a class="lin">
              <span @click="routerCecBid">政策法规</span>
            </a>
<!--            <el-divider direction="vertical"></el-divider>
            <router-link :to="'/'" style="color: blue;">
              <span>帮助中心</span>
            </router-link>-->
            <el-divider direction="vertical"></el-divider>
            <router-link :to="'/contactUs'" style="color: blue;">
              <span>联系我们</span>
            </router-link>
            <el-divider direction="vertical"></el-divider>
            <a class="lin">
              <span @click="officialWebsite">企业官网</span>
            </a>
<!--            <el-divider direction="vertical"></el-divider>-->
<!--            <span>办理CA</span>-->
            <el-divider direction="vertical"></el-divider>
            <a class="lin">
              <span @click="dian">供应商中心</span>
            </a>
          </div>
          <p style="margin-top: 10px;">Copyright 2025 © 深圳盛世绿能科技有限公司版权所有 粤ICP备2023152553号-2 粤公网安备44030002002699号</p>
        </div>
      </div>
      </el-col>
    </el-row>
    <el-dialog
        :visible.sync="dialogVisible"
        width="650px">
      <Login @update:visible="handleDialogVisibleChange"></Login>
    </el-dialog>
  </div>
</template>
<script>
import Login from '@/components/login/Login.vue'

export default {
  name: 'HomeFloor',
  components: {
    Login
  },
  data() {
    return {
      dialogVisible: false
    }
  },
  methods: {
    dian() {
      if (sessionStorage.getItem("token") == null) {
        this.dialogVisible = true
      } else {
        this.$router.push("/mine")
      }
    },
    handleDialogVisibleChange(newValue) {
      this.dialogVisible = newValue;
    },
    routerCecBid(){
      window.open('https://info.cecbid.org.cn/list/52.html', '_blank');
    },
    officialWebsite(){
      window.open('https://www.ssge.com.cn', '_blank');
    },
  }
}
</script>
<style>
.floor{
  position: relative;
  width: 100%;
  height: 75px;
  background-color: rgba(242, 242, 242, 1);
  background-image: none;
  border: none;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.floor2{
  width: 1400px;
  margin:  10px auto;
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
}
.lin{
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}

</style>
<!--<script setup>
</script>-->
